
var prefix = "/car/black"
$(function() {
    $( document ).tooltip();
    initQueryTime();
	load();
});

function load() {
	$('#exampleTable')
			.bootstrapTable(
					{
						method : 'get', // 服务器数据的请求方式 get or post
						url : prefix + "/list", // 服务器数据的加载地址
						iconSize : 'outline',
						toolbar : '#exampleToolbar',
						striped : true, // 设置为true会有隔行变色效果
						dataType : "json", // 服务器返回的数据类型
						pagination : true, // 设置为true会在底部显示分页条
						singleSelect : false, // 设置为true将禁止多选
						pageSize : 10, // 如果设置了分页，每页数据条数
						pageNumber : 1, // 如果设置了分布，首页页码
						showColumns : false, // 是否显示内容下拉框（选择显示的列）
						sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
						queryParams : function(params) {
							var time = $('#daterange-btn span').html();
							var timeArray = time.split(" - ");
                            var communityId = $('#communityId').val();
                            var type = $("#type_slt").selectpicker('val');
							return {
								limit: params.limit,
								offset:params.offset,
								carNum:$("#searchName").val(),
                                startTime:timeArray[0]+' 00:00:00',
                                endTime:timeArray[1]+' 23:59:59',
                                communityId:communityId,
							    type:type
							};
						},
						columns : [
                            {
                                field : 'carNum',
                                title : '车牌号',
								width:'110',
                                formatter : function(value, row, index) {
                                    return '<h3 style="background:blue;color:white;font-weight:bold">'+value+'</h3>';
                                }
                            },{
                                field : 'cName',
                                title : '小区名称'
                            },
                                  {
									field : 'type', 
									title : '类型',
                                    align : 'center',
									formatter : function(value, row, index) {
										if (value == '1') {
											return '<span class="label label-danger">黑名单</span>';
										} else if (value == '0') {
											return '<span class="label label-primary">白名单</span>';
										}
									}
								},
								{
									field : 'startTime',
									title : '起始时间',
                                    align : 'center',
									width:'300',
                                    formatter : function(value, row, index) {
										var value_0 = value.substring(0,10);
                                        var value_1 = value.substring(10);
                                        return '<span style="color:red;font-size:16px;font-weight: bold">'+value_0+'</span>'+value_1;
                                    }
								},
								{
									field : 'endTime',
									title : '结束时间',
                                    align : 'center',
                                    width:'300',
                                    formatter : function(value, row, index) {
                                        var value_0 = value.substring(0,10);
                                        var value_1 = value.substring(10);
                                        return '<span style="color:red;font-size:16px;font-weight: bold">'+value_0+'</span>'+value_1;
                                    }
								},
                            {
                                title : '操作',
                                field : 'id',
                                align : 'center',
                                formatter : function(value, row, index) {
                                    var e = '<a class="btn btn-primary btn-sm" href="#" mce_href="#" title="编辑" onclick="edit(\''
                                        + row.id
                                        + '\')"><i class="fa fa-edit"></i></a> ';
                                    var d = '<a class="btn btn-warning btn-sm" href="#" title="删除"  mce_href="#" onclick="remove(\''
                                        + index
                                        + '\')"><i class="fa fa-remove"></i></a> ';
                                    return  d ;
                                }
                            } ]
					});
}
function reLoad() {
	$('#exampleTable').bootstrapTable('refresh');
}
function add() {
	layer.open({
		type : 2,
		title : '添加黑名单',
		maxmin : true,
        offset:'30px',
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : prefix + '/add' // iframe的url
	});
}
function edit(id) {
	layer.open({
		type : 2,
		title : '编辑',
		maxmin : true,
        offset:'30px',
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '560px' ],
		content : prefix + '/edit/' + id // iframe的url
	});
}
function remove(index) {
    var tableData = $('#exampleTable').bootstrapTable('getData');
    //alert(tableData[index].communityId + '_'+tableData[index].carNum);
    var params ={
        'carNum' : tableData[index].carNum,
        'type' : tableData[index].type,
        'communityId':tableData[index].communityId
    };

	layer.confirm('确定要删除选中的记录？', {
		btn : [ '确定', '取消' ]
	}, function() {
        $.ajaxSetup({
            contentType:"application/json"
        });
		$.ajax({
			url : prefix+"/remove",
			type : "post",
			data : JSON.stringify(params),
			success : function(r) {
				if (r.code==0) {
					layer.msg(r.msg);
					reLoad();
				}else{
					layer.msg(r.msg);
				}
			}
		});
	})
}

function resetPwd(id) {
}
function batchRemove() {
	var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
	if (rows.length == 0) {
		layer.msg("请选择要删除的数据");
		return;
	}
	layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
		btn : [ '确定', '取消' ]
	// 按钮
	}, function() {
		var ids = new Array();
		// 遍历所有选择的行数据，取每条数据对应的ID
		$.each(rows, function(i, row) {
			ids[i] = row['id'];
		});
		$.ajax({
			type : 'POST',
			data : {
				"ids" : ids
			},
			url : prefix + '/batchRemove',
			success : function(r) {
				if (r.code == 0) {
					layer.msg(r.msg);
					reLoad();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	}, function() {

	});
}

function test(){
    $.ajax({
        type : 'POST',
        data : {
            "startTime" : "2019-01-20 22:12:30",
            "endTime" : "2019-01-24 12:10:30",
        },
        url : prefix + '/calTempFee',
        success : function(r) {

        }
    });
}


function initQueryTime() {
    //定义locale汉化插件
    var locale = {
        "format": 'YYYY-MM-DD',
        "separator": " - ",
        "applyLabel": "确定",
        "cancelLabel": "取消",
        "fromLabel": "起始时间",
        "toLabel": "结束时间'",
        "customRangeLabel": "自定义",
        "weekLabel": "W",
        "daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
        "monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
        "firstDay": 1
    };
    //初始化显示当前时间
    $('#daterange-btn span').html(moment().subtract('month', 60).format('YYYY-MM-DD') + ' - ' + moment().add('month',240).format('YYYY-MM-DD'));
    //日期控件初始化
    $('#daterange-btn').daterangepicker(
        {
            'locale': locale,
            //汉化按钮部分
            ranges: {
                '今日': [moment(), moment()],
                '昨日': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                '最近7日': [moment().subtract(6, 'days'), moment()],
                '最近30日': [moment().subtract(29, 'days'), moment()],
                '2年前到28年后': [moment().subtract('month', 24),moment().add('month',336)],
                '近20年': [moment().subtract('month', 120),moment().add('month',120)],
                '本月': [moment().startOf('month'), moment().endOf('month')],
                '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            },
            startDate: moment().subtract('month', 60),
            endDate: moment().add('month', 240)
        },
        function (start, end) {
            $('#daterange-btn span').html(start.format('YYYY-MM-DD') + ' - ' + end.format('YYYY-MM-DD'));
        }
    );
};


function choose() {
    layer.open({
        type : 2,
        title : '选择小区',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        offset:'30px',
        area : [ '800px', '480px' ],
        content : prefix + '/choose' // iframe的url
    });
}

function setComunityInfo(id,name){
    $("#communityId").val(id);
    $("#communityName").val(name);
}

function clearLoad(){
    initQueryTime();
    $("#searchName").val('');
    $('#communityId').val('');
    $('#communityName').val('');
    $("#type_slt").selectpicker('val', '');
    $('#exampleTable').bootstrapTable('refresh');
}